/* eslint-disable import/no-extraneous-dependencies */
import { storiesOf, addDecorator } from "@storybook/vue";
import FlowChart from "../components/FlowChart.vue";
import { withCssResources } from "@storybook/addon-cssresources";
import { withOptions } from "@storybook/addon-options";
import { checkA11y } from "@storybook/addon-a11y";
import { withKnobs, text, boolean, number } from "@storybook/addon-knobs";
//import paginationMd from './pagination.md';
addDecorator(
  withCssResources({
    cssresources: [
      {
        name: `bluetheme`,
        code: `<style>body { background-color: lightblue; }</style>`,
        picked: false
      }
    ]
  })
);

storiesOf("FlowChart 组件", module)
  .add(
    "A standard pagination",
    () => ({
      components: { FlowChart },
      template: '<flowChart />'
    }),
    { notes: "A very simple component" }
  )
  .addDecorator(withKnobs)